﻿.main {
    width:985px;
    height:100%;
    margin:auto
}
.font_web:nth-child(n+2):before{
    content:"　　"
}
.banner {
    margin:auto;
    padding:55px 0 0px 0;
    width:985px
}
.banner img {
    width:985px;
    height:60px;
    margin-bottom:5px;
}
.adbanner {
    margin:auto;
    width:985px
}
.adbanner img {
    width:985px;
    height:65px;
    padding:5px 0 0 0;
}
.main_menu {
    height:40px;
    margin-bottom:5px
}
.menu_box {
    height:40px;
    width:120px;
    float:left;
    margin-right:5px;
    position:relative;
    background-color:#f66
}
.menu_box div {
    height:40px;
    width:120px;
    background-color:#f66
}
.menu_box a {
    display:block;
    height:40px;
    width:120px;
    text-align:center;
    font:14px/40px Tahoma,'Microsoft Yahei',Simsun;
    position:absolute;
    bottom:0;
    left:0;
    color:#FFF
}
.menu_box a:hover {
    background-color:#F66
}
.info {
    width:985px;
    margin:auto;
    padding-top:15px;
    background-color:#FFF
}
.info div {
    text-align:center;
    font:14px/40px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:600;
    color:red
}
.main_top {
    height:170px;
    padding:15px 30px;
    background-color:#FFF
}

.nav {
    height: 40px;
    margin-bottom: 5px;
}

.nav .on {
    background: #e06060 none repeat scroll 0 0;
}
.nav a {
    background: #e68478 none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    line-height: 40px;
    margin-right: 5px;
    text-align: center;
    transition: all 0.1s ease 0s;
    width: 130px;
}
.nav a:hover{ 
    background:#e06060;
}
.jptj{
    padding:15px 30px;
}
.VIP {
    width: 620px;
    float: left; 
}
.VIP a {
    display:block;
    float:left;
    height:30px;
    width:150px;
    overflow:hidden;
    text-align:center;
    margin:0 5px 5px 0;
    font:14px/30px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:400;
    color:#FAFAFA;
    background:#f66
}
.VIP a:hover {
    background-color:#e06060
}
.main_top_12 {
    font-size:12px;
    line-height:12px;
    color:#e6e6e6
}
.flash {
    width:305px;
    height:187px;
    float:left;
    margin-right:5px
}
#slider {
    width:305px;
    height:170px;
    background:#FFF;
    position:relative;
    margin-bottom:5px
}
#slider img {
    width:305px;
}
#slider a:hover img {
    opacity:.9;
    filter:alpha(opacity=90)
}
#slidre .list {
    position:absolute;
    bottom:10px;
    left:10px
}
#slider .list li {
    float:left;
    width:8px;
    height:8px;
    margin:0 5px 0 0;
    display:block;
    background:#444;
    cursor:pointer
}
#slider .list li.on {
    background:#F66
}
.notice {
    width:303px;
    height:100%;
    float:left;
    border:1px solid #f5f5f5;
    overflow:hidden;
    background:#fafafa
}
.notice_big {
    margin-bottom:5px
}
.notice_big_title {
    text-align:center;
    font:16px/30px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:900;
    color:red
}
.cus_notice_big_title {
    text-align:center;
    font:22px/30px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:900;
    color:red
}
.notice_big_words {
    text-indent:25px;
    line-height:22px;
    font-size:12px;
    padding:0 10px;
    color:#777;
    letter-spacing:.5px
}
.cus_notice_big_words {
    color:#777;
    text-indent:25px;
    line-height:30px;
    font-size:22px;
    padding:0 10px;
    letter-spacing:.5px
}
.notice li {
    height:22px;
    background:#CF3;
    list-style-type:none;
    background:url(../images/dian.png) no-repeat 10px 10px;
    text-indent:25px
}
.notice a {
    font:12px/22px Tahoma,'Microsoft Yahei',Simsun;
    color:#e01500;
    letter-spacing:.6px
}
.notice li:hover {
    color:#e01500;
    background-image:url(../images/dian_hover.png);
}
.main_column {
    border-top:6px solid #111;
    background-color:#FFF
}
.tjimg{
    background-color: #fff;
    width: 985px;
}
.column_bar {
    height:36px;
    width:985px
}
.column_title {
    height:36px;
    width:160px;
    float:left;
    background:url(../images/title.png)/*tpa=http://www.iavdh.com/images/title.png*/;
    font:14px/36px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:400;
    color:#FFF;
    text-indent:45px
}
.column_words {
    height:36px;
    font:12px/40px Tahoma,'Microsoft Yahei',Simsun;
    text-align:right;
    padding-right:30px;
    color:red
}
.cus_column_words{
    text-align: right;
    float: right;
    line-height: 25px;
    padding-right: 15px;
    font-size: 14px;
    color: #aaa;
}
.cus_column_words .more{
    color: #aaa;
}
.column_words .more{
    color: #aaa;
}
.web_list {
    padding:15px 25px 15px 30px;
    width:930px
}
.web_list a {
    display:block;
    height:30px;
    width:148px;
    overflow:hidden;
    background-color:#f5f5f5;
    border:1px solid #f1f1f1;
    float:left;
    margin:0 5px 5px 0;
    font:14px/32px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:400;
    color:#e06060;
    background:no-repeat 10px center;
    background-size:16px 16px;
    text-align: center;
}
.web_list a:hover {
    background-color:#F66;
    border-color:#F66;
    color:#FFF
}
.change {
    padding:12px 30px;
    font-size:14px;
}
.change span {
    float:left;
    color:#999;
}
.change ul li {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.change ul li img{
    width: 110px;
    height: 60px;
    border: 2px solid #eee;
    padding:4px;
}
.change ul a {
    color:#06c;
    font-size:14px;
}
.change ul a:hover img{
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out 0s;
}
.change ul a:hover {
    color:#36F;
}
.topad {
    display:none
}
.topad {
    width:100%;
    height:120px;
    overflow:hidden
}
.topad .swiper-container {
    width:100%;
    height:120px;
    overflow:hidden
}
.topad .swiper-container .swiper-slide {
    width:100%;
    height:120px;
    overflow:hidden
}
.topad .swiper-pagination {
    text-align:center
}
.topad .swiper-pagination .swiper-pagination-bullet {
    width:15px;
    height:15px;
    border-radius:0;
    background:#fff
}
.swiper-slide {
    display:block;
    width:100%;
    height:120px
}
.swiper-slide img {
    width:100%;
    height:120px
}
.tanchu {
    width:620px;
    height:220px;
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-310px;
    margin-top:-200px;
    z-index:99999;
}
.tanchu div {
    height:620px;
    width:220px;
    position:relative;
}
.tanchu .tanchu_b {
    height:220px;
    width:620px;
    position:absolute;
    left:0;
    top:0;
    background:#000;
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity:0.4;
    opacity:0.4;
}
.tanchu .tanchu_box {
    height:200px;
    width:600px;
    position:absolute;
    left:10px;
    top:10px;
    background:#FFF
}
.tanchu .tanchu_close {
    width:600px;
    height:40px;
    background:#fafafa;
    border-bottom:1px solid #f5f5f5;
    overflow:hidden;
}
.tanchu .tanchu_close div {
    width:0px;
    height:40px;
    background:#fce6eb;
    float:left
}
.tanchu .tanchu_close a {
    display:block;
    height:40px;
    width:50px;
    text-align:center;
    float:right;
    line-height:40px;
    background:#f66;
    color:#FFF;
}
.tanchu .tanchu_close a:hover {
    background:#fc7676
}
.tanchu .tanchu_c {
    height:120px;
    width:600px;
    background:#FFF;
    text-align:center;
    padding:20px 0
}
@media only screen and (max-width:640px) {
    .main {
    width:100%
}
.banner {
    margin:auto;
    padding:55px 0 0px 0;
    width:100%
}
.banner img {
    width:100%;
    height:60px
}
.adbanner {
    margin:auto;
    padding:5px 0 0 0;
    width:100%
}
.adbanner img {
    width:100%;
    height:85px
}
.main_top {
    height:160px;
    padding:10px 0;
    background-color:#FFF
}
.VIP {
    width:100%;
    height:175px;
    float:left;
    background-color:#FFF
}
.VIP a {
    display:block;
    float:left;
    height:30px;
    width:22.5%;
    overflow:hidden;
    text-align:center;
    margin:0 0 1% 2%;
    font:14px/30px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:400;
    color:#FAFAFA;
    background:#f66
}
.main_top_12,.main_menu,.flash,.notice,.change,.column_words,.web_list a img,.nav {
    display:none
}
.main_column {
    width:100%;
    border-top:6px solid #111;
    background-color:#FFF
}
.VIP{
    height: auto;
}
.jptj {
    padding: 10px 0;
}
.column_bar {
    height:36px;
    width:100%
}
.column_title {
    height:36px;
    width:160px;
    float:left;
    background:url(../images/title.png)/*tpa=http://www.iavdh.com/images/title.png*/;
    font:14px/36px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:400;
    color:#FFF;
    text-indent:45px
}
.web_list {
    padding:15px 0px;
    width:100%
}
.web_list a {
    text-align:center;
    display:block;
    height:30px;
    width:22%;
    overflow:hidden;
    background-color:#f5f5f5;
    border:1px solid #f1f1f1;
    float:left;
    margin:0 0 1% 2%;
    font:14px/32px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:400;
    color:#e06060;
    background:no-repeat 10px center;
    background-size:16px 16px
}
.info {
    width:100%;
    margin:auto;
    padding-top:15px;
    background-color:#FFF
}
.info div {
    text-align:center;
    font:14px/40px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:600;
    color:red
}
}